html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	background:url(../../images/metro/images/bg.jpg);
}
a:hover, a:active {
	outline:0;
}
img {
	max-width:100%;
	height:auto;
	border:0;
	-ms-interpolation-mode:bicubic;
}
.metro a:hover, .metro .link:hover {
	color:#44d1da;
}
.metro a:active, .metro .link:active {
	color:#52ecff;
}
.metro a, .metro .link {
	font-size:12px;
	font-weight:200;
	color:#44d1da;
}
.bg-color-blue {
	background:url(../../images/metro/img/icon-bg-blue.png) !important;
}
.bg-color-blue1 {
	background:url(../../images/metro/img/icon-bg-blue1.png) !important;
}
.bg-color-bluesmall {
	background:url(../../images/metro/img/icon-bg-blue-small.png) !important;
}
.bg-color-cyan {
	background:url(../../images/metro/img/icon-bg-cyan.png) !important;
}
.bg-color-greensmall {
	background:url(../../images/metro/img/icon-bg-green-small.png) !important;
}
.bg-color-greensmall2 {
	background:url(../../images/metro/img/icon-bg-green-small2.png) !important;
}
.bg-color-greensmall3 {
	background:url(../../images/metro/img/icon-bg-green-small3.png) !important;
}
.bg-color-orange {
	background:url(../../images/metro/img/icon-bg-orange.png) !important;
}
.bg-color-purple {
	background:url(../../images/metro/img/icon-bg-purple.png) !important;
}
.bg-color-purplesmall {
	background:url(../../images/metro/img/icon-bg-purple-small.png) !important;
}
.bg-color-purplesmall1 {
	background:url(../../images/metro/img/icon-bg-purple-small1.png) !important;
}
.bg-color-red {
	background:url(../../images/metro/img/icon-bg-red.png) !important;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}
.metro .layout {
	position:relative;
}
.metro .layout .content {
	margin-top:60px;
	margin-left:260px;
	display:block;
}
.metro .layout .commands {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	display:table-cell;
	vertical-align:baseline;
	min-height:100px;
	display:none;
	z-index:10000;
	background:#1e1e1e;
}
.metro .layout .metro-scroll {
	width:100%;
	height:100%;
	overflow:hidden;
}
.metro .metro-sections {
	height:auto;
	position:relative;
	overflow:hidden;
	width:1000px;
}
.metro .metro-sections .metro-section {
	float:left;
	margin-right:75px;
	height:auto;
	width:960px;
	position:relative;
}
.metro .metro-sections .metro-section h2, .metro .metro-sections .metro-section .metro-section-title {
	color:#000;
	font-size:18pt;
}
.metro .metro-sections .metro-section .next-section {
	position:absolute;
	top:0px;
	right:-40px;
	background:url(../../images/metro/img/next.png);
	height:24px;
	width:24px;
}
.metro .metro-sections .metro-section .next-section.back {
	background:url(../../images/metro/img/back.png);
}
.metro .metro-sections .metro-section .tile:hover {
	outline:1px #fff solid;
}
.metro .metro-sections .metro-section .tile {
	display:block;
	background-color:#2d89f0;
	width:120px;
	height:121px;
	color:#fff;
	margin:5px;
	float:left;
	position:relative;
	cursor:pointer;
	overflow:hidden;
	text-decoration:none;
	position:relative;
	box-sizing:border-box;
}
.metro .metro-sections .metro-section .tile * {
	font-family:'Open Sans', sans-serif;
}
.metro .metro-sections .metro-section .tile .tile-icon-large {
	margin-top:20px;
	margin-left:0px;
	display:table-cell;
	vertical-align:middle !important;
	text-align:center;
	width:150px;
	padding-top:20px;
}
.metro .metro-sections .metro-section .tile .tile-icon {
	position:absolute;
	bottom:3px;
	left:25px;
	width:32px;
	height:32px;
}
.metro .metro-sections .metro-section .tile .tile-label {
	position:absolute;
	bottom:3px;
	left:25px;
	font-size:20px;
	color:#fff;
	font-family:微软雅黑, sans-serif, serif;
}
.metro .metro-sections .metro-section .tile .tile-icon-title {
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}
.metro .metro-sections .metro-section .tile .tile-icon-title img {
	float:left;
	margin-right:20px;
	margin-top:15px;
	width:64px;
	height:64px;
}
.metro .metro-sections .metro-section .tile .tile-icon-title span, .metro .metro-sections .metro-section .tile .tile-icon-title h2 {
	font-size:20px;
	display:block;
	float:right;
	margin-top:70px;
	font-weight:200;
	font-family:'微软雅黑', sans-serif;
	color:#fff;
}
.metro .metro-sections .metro-section .tile.tile-double {
	width:250px;
}
.metro .metro-notices .metro-notice .notice-text, .metro .metro-notices .metro-notice .text {
	position:relative;
	margin-right:45px;
	margin-left:10px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-size:9pt;
	font-weight:lighter;
}
.metro .metro-images {
	list-style:none;
	margin:0;
	padding:0;
}
.metro .metro-images .metro-image {
	display:block;
	float:left;
	width:190px;
	height:130px;
	overflow:hidden;
	border:4px transparent solid;
	margin:0 10px 10px 0;
	position:relative;
	cursor:pointer;
}
.metro .metro-images .metro-image .image {
	width:190px;
	height:130px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background:#6e6e6e;
	z-index:1;
	overflow:hidden;
}
.metro .metro-images .metro-image .image img {
	max-width:190px;
	max-height:130px;
	display:inline-block !important;
	vertical-align:middle !important;
}
.metro .metro-images .metro-image:hover {
	border:4px #57d3d9 solid;
}
.metro .metro-images .metro-icon-text.selected {
	border:0;
	background:#219297;
}


.hdpic dd a .pictitle{ z-index:2; position:absolute; bottom:10px; left:-235px; width:230px; height:20px; padding:0 0 0 5px; color:#fff; line-height:17px; overflow:hidden; background:url(../../images/metro/img/imgbg.png) no-repeat; _background:none;}
.hdpic dd a .picshine{ z-index:3; position:absolute; top:0; left:0; width:235px; height:152px; background:url(../../images/metro/img/shine.png) no-repeat -160px 0; _background:none;}
